*{
    margin: 0;
    padding: 0;
}
.calc-container{
    width: 420px;
    height: 705px;
    margin: 100px auto;
    background-image:linear-gradient(to bottom right, #ffdb00, #80fc00);
    border-radius: 50px;
}
.calc-body{
    width: 420px;
    height: 680px;
    background-image:linear-gradient(to bottom right, #80fc00, #ffdb00);
    border-radius: 50px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.screen{
    width: 350px;
    height: 80px;
    background: rgba(239, 239, 239, 0.78);
    margin: 38px auto;
    border-radius: 10px;
}
.screen-body{
    width: 100%;
    height: 65px;
    background: #ffffff;
    border-radius: 10px;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
}
.screen-body h1{
    position: absolute;
    right: 10px;
    font-size: 45px;
}
.calc-btn{
    width: 350px;
    height: 490px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}
.btn-item{
    width: 80px;
    height: 90px;
    background: #e5eeed;
    border-radius: 10px;
}
.btn-item:last-child{
    background: #e76600;
}
.btn-item:last-child .btn-body{
    background: #ff7f00;
}
.btn-item:nth-child(17){
    width: 170px;
}
.btn-item:nth-child(18){
    width: 170px;
}
.btn-item:nth-child(17) .btn-body{
    width: 165px;
}
.btn-item:nth-child(18) .btn-body{
    width: 165px;
}
.btn-body {
    width: 75px;
    height: 80px;
    background: white;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-body h1 {
    display: flex;
    align-items: center;
}